import axios from 'axios'
import {
  Message,
  MessageBox
} from 'element-ui'
import store from '../store'
import {
  getToken,
  removeToken
} from '@/utils/auth'


// 创建axios实例
let service = axios.create({
  baseURL: "https://cpop.zaoyx.com/api/v1/adminrebate/", // api的base_url  打包用
  // baseURL: "/api", // api的base_urls  //调接口用 
  timeout: 60000, // 请求超时时间
  secure:true,
})

// 创建axios实例
// let service = axios.create({
//   baseURL: process.env.BASE_API, // api的base_url
//   timeout: 5000 // 请求超时时间
// })
// request拦截器
service.interceptors.request.use(config => {
  if (store.getters.token) {
    config.headers = {
      'Authorization': "Token " + getToken(), //携带权限参数
    };
  }
  return config
}, error => {
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(
  response => {
    /**
     * code:200,接口正常返回;
     */
    const res = response.data
    if (res && res.code != 200) { 
      Message({
        message: res.msg,
        type: 'error',
        duration: 5 * 1000
      })
      // 根据服务端约定的状态码;
      if (res.code === "401") {
        MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
          confirmButtonText: '重新登录',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          removeToken();
          store.dispatch('LogOut').then(() => {
            location.reload() // 为了重新实例化vue-router对象 避免bug
          })
        })
      }
      return Promise.reject('error')
    } else { // res.code === 200,正常返回数据
      return response.data
    }
  },
  error => {
    Message({
      message: error,
      type: 'error',
      duration: 5 * 1000
    })
    return Promise.reject(error)
  }
)

export default service
